<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ page isELIgnored="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!doctype html>
<html lang="zh-CN">
<head>
<meta content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" name="viewport" />
<meta charset="utf-8">
<title>人脉可变现，躺着拿黄金</title>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jweixin-1.0.0.js"></script>
<style>
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{
	margin:0;
	padding:0;
	color : #803605;
} 
img{
	box-sizing: border-box;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	border: 0;
}
li{
	list-style: none;
	text-align: left;
	padding-left: 5px;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
a{
	text-decoration: none;
	color: #341800;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.clearfix:before,.clearfix:after {
	display: table;
	content: " ";
	line-height: 0;
	width: 100%;
	visibility: hidden;
}

.clearfix:after {
	clear: both;
}
.reward-wrap{
	padding: 2%;
	background: #fcd15c;
	margin-bottom: 10px;
	font-size: 14px;
}
.reward-content{
	position: relative;
	background: #fde5a2;
	padding: 10px 2%;
	padding-left: 85px;
	min-height: 85px; 
	font-size: 14px;
}
.reward-content img{
	position: absolute;
	left: 0;
	top: 0px;
	max-width: 85px;
	max-height: 85px;
}
.btn-extract,.btn-invite{
	width: 35%;
	background: #f04e2a;
	border-radius: 5px;
	box-shadow: 0 3px 2px #d25010;
	text-align: center;
	color: #FFF;
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
}
.btn-extract{
	margin-left: 10%;
}
.hero-wrap{
	position: absolute;
	background: #ffec17;
	width: 50%;
	height: 30px;
	line-height: 30px;
	left: 25%;
	top: -10px;
	text-align: center;
	box-shadow: 2px 2px 2px #e9be30,-2px -2px 2px #e9be30;
}
.btn-invite{
	margin-right: 10%;
}
.hero-rank{
	width: 96%;
	background: #fcd15c;
	padding: 30px 2% 0;
	font-size: 14px;
}
.hero-rank tr td{
	width: 50%;
	text-align: center;
	line-height: 36px;
}
.hero-rank tr:nth-child(even){
	background: #fcd771;
}
.hero-name:after,.hero-name:before{
	position: absolute;
	top: 0px;
	content: '';
	display: block;
}
.hero-name:before{
	width: 0;
	height: 0;
	left: -10px;
	border: 5px solid #f0d00c;
	border-color: transparent #f0d00c #f0d00c transparent;
}
.hero-name:after{
	width: 0;
	height: 0;
	right: -10px;
	border: 5px solid #f0d00c;
	border-color: transparent transparent #f0d00c #f0d00c;
}
.gold_rule1 {
	font-size: 14px;
	margin: 5px 0;
}
.gold_rule1 tr td:nth-child(1){
	vertical-align: top;
}
.list-reward{
	margin: 10px 0;
}
.list-reward tr td{
	text-align: center;
	font-size: 14px;
	border: 1px solid #7c3b01;
}
.mask{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.8);
 	display: none; 
	z-index: 21;
}

.maskimg{
	position:fixed;
	left:0;
	top:0;
	z-index:100;
	display:none;
}

.maskimg img{
	width:93%;
}
.btn-model{
	min-height: 200px;
	width: 90%;
	position: fixed;
	left: 5%;
	top: 20%;
	border-radius: 10px;
	background: #FFF;
	display: none; 
	z-index: 22;
}
</style>
<script type="text/javascript">
	$(function() {
		var shareurl = 'http://8.laicunba.com/h5/regist_new.jsp?invite_code=${inviteCode}&mobile=${mobile}';
		if($("#channel").val()) {
			shareurl += "&channel=${param.channel}";
		}
		wx.config({
			debug : false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
			appId : '${weiXinVO.appid}', // 必填，公众号的唯一标识
			timestamp :'${weiXinVO.timestamp}', // 必填，生成签名的时间戳
			nonceStr : '${weiXinVO.nonceStr}', // 必填，生成签名的随机串
			signature :'${weiXinVO.signature}',// 必填，签名，见附录1
			 jsApiList: ['onMenuShareQZone',
				'onMenuShareTimeline',
				'onMenuShareAppMessage',
				'onMenuShareQQ',
				'onMenuShareWeibo',
				'hideMenuItems',
				'showMenuItems',
				'hideAllNonBaseMenuItem',
				'showAllNonBaseMenuItem',
				'translateVoice',
				'startRecord',
				'stopRecord',
				'onRecordEnd',
				'playVoice',
				'pauseVoice',
				'stopVoice',
				'uploadVoice',
				'downloadVoice',
				'chooseImage',
				'previewImage',
				'uploadImage',
				'downloadImage',
				'getNetworkType',
				'openLocation',
				'getLocation',
				'hideOptionMenu',
				'showOptionMenu',
				'closeWindow',
				'scanQRCode',
				'chooseWXPay',
				'openProductSpecificView',
				'addCard',
				'chooseCard',
				'openCard']
		// 必填，需要使用的JS接口列表，所有JS接口列表见附录2
		});

		wx.ready(function() {
			// config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，
			// config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，
			// 则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，
			// 则可以直接调用，不需要放在ready函数中。

			wx.onMenuShareAppMessage({
				title : '要理财,来存吧!', // 分享标题
				desc : '来存吧票据理财,注册即送18888元理财金,新手宝7天年化收益率达20%!100万小伙伴的选择,让你的每笔财富增值!', // 分享描述
				link :shareurl, // 分享链接
				imgUrl : 'http://8.laicunba.com/h5/img/sharelogo.png', // 分享图标
				type : '', // 分享类型,music、video或link，不填默认为link
				dataUrl : '', // 如果type是music或video，则要提供数据链接，默认为空
				success : function() {
					// 用户确认分享后执行的回调函数
				},
				cancel : function() {
					// 用户取消分享后执行的回调函数
				}
			});

			wx.onMenuShareTimeline({
				title : '要理财,来存吧!来存吧票据理财,注册即送18888元理财金,新手宝7天年化收益率达20%!100万小伙伴的选择,让你的每笔财富增值!', // 分享标题
				link : shareurl, // 分享链接
				imgUrl : 'http://8.laicunba.com/h5/img/sharelogo.png', // 分享图标
				success : function() {
					// 用户确认分享后执行的回调函数
				},
				cancel : function() {
					// 用户取消分享后执行的回调函数
				}
			});
			
			wx.onMenuShareQQ({
				title: '要理财,来存吧!', // 分享标题
				desc: '来存吧票据理财,注册即送18888元理财金,新手宝7天年化收益率达20%!100万小伙伴的选择,让你的每笔财富增值!', // 分享描述
				link: shareurl, // 分享链接
				imgUrl: 'http://8.laicunba.com/h5/img/sharelogo.png', // 分享图标
				success : function() {
					// 用户确认分享后执行的回调函数
				},
				cancel : function() {
					// 用户取消分享后执行的回调函数
				}
			});
			
			wx.onMenuShareQZone({
				title: '要理财,来存吧!', // 分享标题
				desc: '来存吧票据理财,注册即送18888元理财金,新手宝7天年化收益率达20%!100万小伙伴的选择,让你的每笔财富增值!', // 分享描述
				link: shareurl, // 分享链接
				imgUrl: 'http://8.laicunba.com/h5/img/sharelogo.png', // 分享图标
				success : function() {
					// 用户确认分享后执行的回调函数
				},
				cancel : function() {
					// 用户取消分享后执行的回调函数
				}
			});

		}); 
	}); 
</script>
</head>
<body style="background: #fbc123;">
	<div class="header">
		<img src="http://laicunba.b0.upaiyun.com/lcb/activity/gain_gold_top.png" />
	</div>
	<div style="position:relative;background: linear-gradient(#fcdc85,#fbc123);padding: 15px 0;">
		<div style="text-align: center;">剩余黄金<img src="img/gold_brick.png" style="width: 74px;">
			<c:choose>
				<c:when test="${remainGold > 0 }"><fmt:formatNumber value="${remainGold }" pattern="##.####" minFractionDigits="4"></fmt:formatNumber></c:when>
				<c:otherwise>0.0000</c:otherwise>
			</c:choose>克
		</div>
		<div class="clearfix">
			<div class="fl btn-extract">抽取黄金</div>
			<div class="fr btn-invite">邀请好友</div>		
		</div>
		<c:if test="${param.device != null && param.device != '' && !fn:contains(fn:toLowerCase(param._channel), 'appst')}">
			<div style="text-align: center;margin-top: 15px; font-size: 14px;">点击邀请好友-我的-邀请返现-立即邀请</div>
		</c:if>
		<div style="position: absolute;right: 5px;top: 0;border-bottom: 1px solid #7e3902;"><a id="my_invite" href="javascript:void(0);">我的邀请</a></div>
	</div>
	<div style="padding: 2%;">
		<div class="reward-wrap">
			<div class="reward-content">
				<img src="img/gold_brick.png" />
				<div>1、邀请好友注册赢千克黄金<br/>邀请一名好友注册，获得一次抽奖机会，单次最高可获得<span>1克</span>黄金（金价270元/克）；</div>
			</div>
		</div>
		<div class="reward-wrap">
			<div class="reward-content">
				<img src="img/red_packet_88.png">
				<div>2、邀请好友首投，享高额返现<br/>被邀请人注册成功并完成首次投资达到相应人数，邀请人即可获得对应红包券，最高88元；</div>
			</div>
		</div>
		<div class="reward-wrap">
			<div class="reward-content">
				<img src="img/red_packet_100.png">
				<div>3、拼人脉，得1000元现金<br/>邀请注册好友数量冲进英雄榜前5名，均可获得现金大奖，最高1000元。</div>
			</div>
		</div>
	</div>
	<div style="position: relative;padding: 0 2%;margin: 20px 0;">
		<div class="hero-wrap">
			<div class="hero-name" style="position: relative;">英雄榜</div>
		</div>
		<div class="hero-rank" id="gainGoldInviteDataDiv">
 
		</div>
	</div>
	<div><img src="img/gold_rule1.png"></div>
	<div style="margin: 0 4%;"> 
		<div>一、活动时间</div>
		<div style="font-size: 14px; padding: 5px 0;">2017年4月10日00:00:00-4月16日23:59:59</div>
		<div>二、关于奖励</div>
		<table class="gold_rule1">
			<tr>
				<td>1、</td>
				<td>邀请一名好友注册，获得一次抽奖机会，单次最高可获得1克黄金（金价270元/克）；</td>
			</tr>
			<tr>
				<td>2、</td>
				<td>邀请好友每日最多可获得5次抽奖机会、抽奖机会仅限当日使用，隔日清零；</td>
			</tr>
			<tr>
				<td>3、</td>
				<td>黄金抽奖为100%中奖，活动结束后，若累计不超过10克，将折算现金到您的账户中；若超过10克，客服将与您联系，确定黄金邮寄事宜;</td>
				</tr>
			<tr>
				<td>4、</td>
				<td>活动期间内被邀请人注册成功并完成首次投资定期达到相应人数，邀请人即可获得对应红包券。奖励以阶梯式对应发放，不可重复领取；
					<table class="list-reward" style="width: 95%;">
	                  <tr>
	                      <td width="35%">完成首投人数</td>
	                      <td>现金券</td>
	                  </tr>
	                  <tr>
	                      <td>≥2</td>
	                      <td>12（1000元15天以上使用）</td>
	                  </tr>
	                  <tr>
	                      <td>≥3</td>
	                      <td>26（1000元20天以上使用）</td>
	                  </tr>
	                  <tr>
	                      <td>≥5</td>
	                      <td>50（1500元30天以上使用）</td>
	                  </tr>
	                  <tr>
	                      <td>≥6</td>
	                      <td>66（2000元30天以上使用）</td>
	                  </tr>
	                  <tr>
	                      <td>≥8</td>
	                      <td>88（2500元30天以上使用）</td>
	                  </tr>
	                 </table>
				</td>
			</tr>
			<tr>
				<td>5、</td>
				<td>邀请注册好友数量冲进英雄榜前5名，均可获得现金大奖。若邀请人数相同，则按成功邀请第一个好友注册的时间再次排列，好友注册时间越早的邀请人排名越靠前。
					<table class="list-reward" style="width: 95%;">
						<tr>
							<td width="35%">邀请好友排名</td>
							<td>获得对应奖励（元）</td>
						</tr>
						<tr>
							<td>1</td>
							<td>1000元</td>
						</tr>
						<tr>
							<td>2</td>
							<td>800元</td>
						</tr>
						<tr>
							<td>3</td>
							<td>500元</td>
						</tr>
						<tr>
							<td>4</td>
							<td>200元</td>
						</tr>
						<tr>
							<td>5</td>
							<td>100元</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
	</div>
	<div style="margin: 20px 0;"><img src="img/gold_rule2.png"></div>
	<table class="gold_rule1" style="margin: 20px 4%;">
		<tr>
			<td>1、</td>
			<td>被邀请人定义：未注册且未投资过的来存吧的自然用户，同一身份证、同一ID、同一手机号、同一设备被视为同一被邀请人，同一IP最多不超过5个，超过五个之后不算奖励；</td>
		</tr>
		<tr>
			<td>2、</td>
			<td>本次活动所有现金大奖均发到来存吧-随存宝中，用户可通过提现自行提取；现金券发放到来存吧-我的红包中，投资时满足条件可直接抵扣，现金券有效期30天；</td>
		</tr>
		<tr>
			<td>3、</td>
			<td>以上奖励将会在活动结束后五天之内发送；</td>
		</tr>
		<tr>
			<td>4、</td>
			<td>活动期间禁止任何作弊行为，包括但不限于通过软件进行批量操作，积分墙发任务，邀请刷单，网赚平台等方式利用本次活动进行牟利，一经发现平台将取消参与资格，并有权追回所发奖励；</td>
		</tr>
		<tr>
			<td>5、</td>
			<td>本次活动最终解释权归来存吧所有。</td>
		</tr>
	</table>
	<div class="mask"></div>
	<div class="maskimg">
		<img src="img/maskimg.png" />
	</div>
	<div class="btn-model">
		<div style="text-align: center;position: relative;">
			<img src="img/alert_header.png">
			<div id="model_title" style="position: absolute;width: 100%;left: 0;top: 0;color: #FFF;font-size: 20px;height: 44px;line-height: 44px;">恭喜您！</div>
			<div class="btn-close" style="position: absolute;right: 4%;top: 0;"><img src="img/alert_close.png" style="width: 30px;"></div>
		</div>
		<div id="fail_content" style="text-align: center;margin-top: 40px;display: none;color: #f04e2a;">对不起，您没有抽奖机会了，<br/>快快推荐好友获取机会</div>
		<div id="success_content" style="text-align: center; display:none;">
			<img src="img/gold_brick.png" style="width: 100px; margin-top: -8px;">
			<div style="color: #f04e2a; margin-top: -8px;">抽中黄金<span id="reward_resp">0.002</span>克<br/>前往“我的邀请”查看</div>
		</div>
	</div>
	<script type="text/javascript" src="./js/jquery.min.js"></script>
	<script type="text/javascript" src="activity.js"></script>
	<script type="text/javascript">
		$(function(){
			
			$.post("getGainGoldInviteData.htm",{},function(data){
				$("#gainGoldInviteDataDiv").html(data);
			},"html");
			
			
			Activity.ready('${param.app_token}', "20170410", "", {
				t:new Date()
			}, function(data){
				$(".btn-extract").click(function(){
					var device = '${param.device}';
					var app_token = '${param.app_token}';
					var param = {
						t :new Date(),
						app_token:app_token
					};
					
					$("#success_content,fail_content").hide();
					Activity.join("CJ", {defid:""}, function(jdata){
						if(jdata.code=="SUCCESS"){
							$("#model_title").text("恭喜您！");
							$("#reward_resp").text(jdata.join_resp);
							$("#success_content,.btn-model,.mask").show();
						}else if(jdata.code=="token_error"){
							if(!device){
								console.log("h5 login");
								window.location.href="/h5/login.htm?tab=account&returnUrl=/h5/ext/activity/gain_gold.htm";
							}else{
								console.log("app login");
								window.location.href="/h5/ext/activity/gain_gold.htm?app_view=login";
							}
						}else if(jdata.code=="HAS_NO_CHANGE"){
							$("#model_title").text("抱歉！");
							$("#fail_content").html("对不起，您没有抽奖机会了，<br/>快快推荐好友获取机会");
							$("#fail_content,.btn-model,.mask").show();
						}else if(jdata.code=="ACT_TIME_INVALID"){
							$("#model_title").text("抱歉！");
							$("#fail_content").html("活动未开始");
			  				$("#fail_content,.btn-model,.mask").show();
						}else{ 
							console.log(JSON.stringify(jdata));
						}
					});
				});
			});
			$(".btn-close").click(function(){
				$(".btn-model,.mask").hide();
			});
			
			$(".btn-invite").click(function(){
				var device = '${param.device}';
				var _channel = '${param._channel}';
				var app_token = '${param.app_token}';
				var param = {
					t :new Date(),
					app_token:app_token
				};
				$.post("gain_gold_go_invite.htm", param, function(data) {
					if(data.loginStatus == 1) {
						if(device) {
							if(_channel && _channel.toLowerCase().indexOf("appst") >= 0) {
								//iOS分享
								var url = "/h5/ext/activity/gain_gold.htm?app_view=share";
								url+="&device="+device;
								url+="&app_token="+app_token;
								url+="&title="+encodeURIComponent("要理财");
								url+="&url="+encodeURIComponent("http://8.laicunba.com/h5/regist_new.jsp?invite_code=${inviteCode}");
								url+="&summary="+encodeURIComponent("来存吧票据理财");  
								window.location.href=url; 
							} else {
								window.location.href="/h5/invite_info.htm?device=app&app_view=acc&app_token="+app_token;
							}
						} else {
							$(".mask,.maskimg").fadeIn();
						}
					} else {
						if(device) {
							window.location.href="/h5/ext/activity/gain_gold.htm?device=app&_app_version=2.1.9&app_view=login";
						} else {
							window.location.href="/h5/login.htm?tab=account&returnUrl=/h5/ext/activity/gain_gold.htm";
						}
					}
				}, "json");
			});
		
			$(".mask,.maskimg").click(function() {
				$(".mask,.maskimg,.btn-model").fadeOut();
			});
			
			$("#my_invite").click(function() {
				var device = '${param.device}';
				var app_token = '${param.app_token}';
				var param = {
					t :new Date(),
					app_token:app_token
				};
				$.post("gain_gold_go_invite.htm", param, function(data) {
					if(data.loginStatus == 1) {
						if(device) {
							window.location.href="/h5/ext/activity/gold_my_invite.htm?device=app&app_token="+app_token;
						} else {
							window.location.href="/h5/ext/activity/gold_my_invite.htm";
						}
					} else {
						if(device) {
							window.location.href="/h5/ext/activity/gold_my_invite.htm?device=app&_app_version=2.1.9&app_view=login";
						} else {
							window.location.href="/h5/login.htm?tab=account&returnUrl=/h5/ext/activity/gold_my_invite.htm";
						}
					}
				}, "json");
			});
		});
		
		function getShareInfo(){
			var title = "要理财,来存吧!";
			var summary = "来存吧票据理财,注册即送18888元理财金,新手宝7天年化收益率达20%!100万小伙伴的选择,让你的每笔财富增值!";
			var url = "http://8.laicunba.com/h5/regist_new.jsp?invite_code=${inviteCode}&t="+new Date();
			window.share.onSumResult(summary,title,url);
			return{
				title:title,
				summary:summary,
				url:url
			}	
		}
		
		function getShareInfoIOS(){
			var title = "要理财,来存吧!";
			var summary = "来存吧票据理财,注册即送18888元理财金,新手宝7天年化收益率达20%!100万小伙伴的选择,让你的每笔财富增值!";
			var url = "http://8.laicunba.com/h5/regist_new.jsp?invite_code=${inviteCode}";
			return{
				title:title,
				summary:summary,
				url:url
			}	
		}
	</script>
</body>
</html>